<template>
  <el-dialog title="安装Docker环境" :visible.sync="installDockerDialogShow" top="10vh" width="1000px">
    <el-timeline>
      <el-timeline-item timestamp="一键安装脚本(如果不成功就参考下面指定系统方法)" placement="top" style="line-height: 150%">
        <Clipboard>curl -sL "{{ getApiHost() }}/admin/shell/install_docker_all_cn.sh" | bash</Clipboard>
      </el-timeline-item>
      <el-timeline-item timestamp="CentOS" placement="top" style="line-height: 150%">
        <Clipboard>https://www.runoob.com/docker/centos-docker-install.html</Clipboard>
      </el-timeline-item>
      <el-timeline-item timestamp="Debian" placement="top" style="line-height: 150%">
        <Clipboard>https://www.runoob.com/docker/debian-docker-install.html</Clipboard>
      </el-timeline-item>
      <el-timeline-item timestamp="Ubuntu" placement="top" style="line-height: 150%">
        <Clipboard>https://www.runoob.com/docker/ubuntu-docker-install.html</Clipboard>
      </el-timeline-item>
    </el-timeline>
  </el-dialog>
</template>

<script>
import Clipboard from "@/components/Clipboard";
export default {
  name: "DockerInstallTip",
  components: {Clipboard},
  data() {
    return {
      installDockerDialogShow: false,
    }
  },
  methods: {
    getApiHost() {
      return window.API_BASE_URI;
    },
    show() {
      this.installDockerDialogShow = true
    }
  }
}
</script>

<style scoped>

</style>
